<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <style>
            div{
                height: 200px;
                width: 200px;
                background-color: red;

                /*!*上内填充*!*/
                /*padding-top: 50px;*/
                /*!*左内填充*!*/
                /*padding-left: 50px;*/
                /*!*右内填充*!*/
                /*padding-right: 50px;*/
                /*!*下内填充*!*/
                /*padding-bottom: 30px;*/

                /*上下左右各50*/
                /*padding: 50px;*/

                /*!*上下50左右20*!*/
                /*padding: 50px 20px;*/

                /*!*上50左右20 下10*!*/
                /*padding: 50px 20px 10px;*/

                /*!*上右下左*!*/
                /*padding: 10px 20px 30px 40px;*/


                /*边框*/
                /*!*上边框*!*/
                /*border-top-width:5px;*/
                /*!*上边框的颜色*!*/
                /*border-top-color: green;*/
                /*!*边框样式*!*/
                /*border-top-style: solid;*/

                /*!*上边框简写*!*/
                /*border-top: 5px solid green;*/

                /*!*左边框*!*/
                /*border-left: 5px dashed blue;*/

                /*!*下边框*!*/
                /*border-bottom: 5px solid black;*/

                /*!*右边框*!*/
                /*border-right: 5px solid black;*/


                /*简写*/
                border: 5px solid black;
                /*无极简版缩写*/

                    /*
                    solid：实线
                    dashed：虚线
                    dotted：点线
                    double：双实线
                    ridge：3D凸槽
                    groove：3D凹槽
                    outset：3D凸边
                    inset：3D凹边
                    */

                /*margin:外边框*/
                /*!*上外边距*!*/
                /*margin-top: 50px;*/
                /*!*左外边距*!*/
                /*margin-left: 50px;*/
                /*!*右外边距*!*/
                /*margin-right: 50px;*/
                /*!*下外边距*!*/
                /*margin-bottom: 50px;*/

                /*!*简写*!*/
                /*margin: 50px;*/

                /*上右下左*/
                margin: 10px 20px 30px 40px ;
                /*!*上下 左右*!*/
                /*margin: 50px 20px;*/
                /*!*上 左右 下*!*/
                /*margin: 20px 30px 50px;*/


                /*margin left=right&auto时居中*/
                /*块级元素左右同时为auto会左右居中*/
                /*相邻元素之间margin上下取大值左右相加*/
            }
        </style>
    </head>
    <body>
    <div></div>

    </body>
</html>